{% extends 'index.html' %}

{% block scripts %}
	<style>
		#leftcolumn  { width: 15%; float: left;  height:46px}
		#rightcolumn { width: 85%; float: right; height:46px}
	</style>
{% endblock %}

{% block panel %}
	<li class="active"><a href="/main/">Inicio</a></li>
	<li><a href="/about/">Acerca de</a></li>
	<li><a href="/contact/">Contáctanos</a></li>
	<li><p>{{ong.nombre}}</p></li>
	<li><a href="/logout/">Cerrar sesión</a></li>
{% endblock %}

{% block principal %}
	<div class="hero-unit">
		<h2>Ingreso de nuevo proyecto</h2><br>
		
		<p><b>Informaci&oacute;n requerida para el nuevo proyecto</b></p>
		<span style="color:red">*</span> <span>campos obligatorios</span><br><br>
		
		<form action="." method="POST">{% csrf_token %}
			{{ form.non_field_errors }}
			<div>
				{{ form.descripcion.errors }}
				<div id="leftcolumn"><label for="id_descripcion">Descripci&oacute;n (<span style="color:red">*</span>)</label></div>
				<div id="rightcolumn">{{ form.descripcion }}</div>
			</div>
			<div>
				{{ form.objetivos.errors }}
				<div id="leftcolumn"><label for="id_message">Objetivos (<span style="color:red">*</span>)</label></div>
				<div id="rightcolumn">{{ form.objetivos }}</div>
			</div>
			<div hidden=True>
				{{ form.organizacion.errors }}
				{{ form.organizacion }}
			</div>
			
			<p><input type="button" class="btn btn-secondary" value="Cancelar" onClick="location.href='..'">
			<input type="submit" class="btn btn-primary" value="Guardar" /></p>
			
		</form>
	</div>
{% endblock %}
